<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bamner效果</title>
    <style>
      .banner{
          width: 100%;
          height: 500px;
          background-color: #f3f3f4;
          background-image: url(./图片/sailuo.jpg);
          background-position: left bottom;
          background-repeat: no-repeat;
          text-align: right;
          color: #333;
      }
      .banner h2{
          font-size: 36px;
          font-weight: 400;
          line-height: 100px;
      }
      .banner p{
          font-size: 20px;
      }
      .banner a{
        /* 转换为行内块才能让链接到最右面 */
          display: inline-block;
          width: 125px;
          height: 40px;
          background-color: #ff6700;
          text-align: center;
          line-height: 40px;
          color: #fff;
          font-size: 20px;
          text-decoration: none;
      }
    </style>
</head>
<body>
    <div class="banner">
       <h2>让创造产生价值</h2>
       <p>我们希望小游戏平台可以提供无限的可能性</p>
       <a href="#">我要报名</a>
    </div>
</body>
</html>